<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%--<div class="header">--%>
<%--    <div class="container">--%>
<%--        <ul>--%>
<%--            <li><a href="index.jsp">首页</a></li>--%>
<%--            <li><a href="user_login.jsp">登录</a></li>--%>
<%--        </ul>--%>
<%--    </div>--%>
<%--</div>--%>
<div class="header">
    <ul class="layui-nav" lay-bar="disabled">
        <li class="layui-nav-item">
            <a href="index.jsp">首页</a>
        </li>
        <li class="layui-nav-item">
            <a href="index.jsp">番剧</a>
        </li>
        <li class="layui-nav-item">
            <a href="index.jsp">直播</a>
        </li>
        <li class="layui-nav-item">
            <a href="index.jsp">游戏中心<span class="layui-badge-dot"></span></a>
        </li>
        <li class="layui-nav-item">
            <a href="index.jsp">会员购</a>
        </li>
        <li class="layui-nav-item">
            <a href="index.jsp">漫画</a>
        </li>
        <li class="layui-nav-item">
            <input type="text" placeholder="搜索" class="layui-input">
            <div class="layui-input-split layui-input-suffix" style="cursor: pointer;">
                <i class="layui-icon layui-icon-search" style="top: -10px"></i>
            </div>
        </li>
        <li class="layui-nav-item" lay-unselect >
            <a href="javascript:;" >
                <img src="https://unpkg.com/outeres@0.0.10/demo/avatar/1.jpg" class="layui-nav-img">
            </a>
            <dl class="layui-nav-child" >
                <dd style="text-align: center;"><a href="user_space.jsp">个人空间</a></dd>
                <dd style="text-align: center;"><a href="user_login.jsp">登录</a></dd>
                <dd style="text-align: center;"><a href="user_register.jsp">注册</a></dd>
                <hr>
                <dd style="text-align: center;"><a href="nav.html">退出</a></dd>
            </dl>
        </li>
        <li class="layui-nav-item">
            <a href="index.jsp">大会员</a>
        </li>
        <li class="layui-nav-item">
            <a href="index.jsp">消息</a>
        </li>
        <li class="layui-nav-item">
            <a href="nav.html">动态<span class="layui-badge">1</span></a>
        </li>
        <li class="layui-nav-item">
            <a href="index.jsp">收藏</a>
        </li>
        <li class="layui-nav-item">
            <a href="index.jsp">历史</a>
        </li>
        <li class="layui-nav-item">
            <a href="index.jsp"><button type="button" class="layui-btn layui-btn-sm layui-btn-radius">投稿</button></a>
        </li>
    </ul>
</div>


<style>
    .layui-nav{
        height: 160px;
        background-image:url("images/headbgimg.png");
        background-position: center;
        font-family: "Adobe 黑体 Std R";
        font-weight: bolder;
    }
    .layui-nav .layui-nav-more{
        top: -10px;
    }
</style>

